<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="renderer" content="webkit">
    <title>商品订单-商品统计</title>
    <link rel="stylesheet" href="/src/font/iconfont.css">
    <link rel="stylesheet" href="/src/libs/bootstrap-3.3.5-dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="/css/manage.css">
    <script id="script" src="/src/libs/require.min.js" defer async="true" require-module="./manage_goods_report" data-main="/src/js/config.js"></script>
	<script type="text/javascript" src="/src/font/jedate.js">
	</script>
	
    <!--[if lt IE 9]>
        <script src="/lib/html5shiv.min.js"></script>
        <script src="/lib/respond.min.js"></script>
    <![endif]-->
	<style type="text/css">     
	.td{border:solid #add9c0; border-width:0px 1px 1px 0px; padding:10px 0px;}
	.table{border:solid #add9c0; border-width:1px 0px 0px 1px;}
	.datainp{ width:80px; height:30px; border:1px #ccc solid;}
	.datep{ margin-bottom:1px;}
    body{
        line-height: 25px;
    }
	</style> 
</head>

<body>
    <!--include "../public/manage_sidebar.html"-->
    <!--include "../public/manage_header.html"-->
    <div class="container-wrap">
        <div class="bread-nav clearfix p-l-lg">
            <ol class="fl">
                <li class="fl active text-333 text-basic"><a href="javascript:void(0);">商品统计</a></li>
            </ol>
        </div>
        <div class="row">
            <div class="m-r-lg m-l-lg">
                <div class="table-responsive">
					<div style="background-color:#299FA3;width: 100%;position: relative;margin-top: 20px;" class="clearfix">
						<div style="float:left;width:50%;background-color:#299FA3;text-align:center;color: #fff;padding: 30px 0;" >
							<label style="font-size:16px;font-weight: normal;">商品销售总额&nbsp;</label><label style="font-size:18px;">￥</label><label id="totalDetailsAmount" style="font-size:26px;">1234.00 </label>
						</div>
						<div style="float:left;width:50%;color: #fff;background-color:#299FA3;text-align:center;color: #fff;padding: 30px 0;">
							<label style="font-size:16px;font-weight: normal;">已销商品数&nbsp;</label><label id="totalNumAmount" style="font-size:26px;">1234.00 </label>
						</div>
                        <div style="position: absolute;left: 50%;top: 15px;width: 1px ;height: 60px;background: #fff;"></div>
					</div>
                    <table class="table table-hover p-t-lg" width="100%" style="min-width:100%;margin-top: 20px;">
                        <thead style="background-color:#F2F2F2">
                            <tr>
                                <th class="font-normal text-basic td" width="5%">编号</th>
                                <th class="font-normal text-basic td" width="15%">商品名称</th>
                                <th class="font-normal text-basic td" width="20%">销售金额</th>
                                <th class="font-normal text-basic td" width="20%">销量</th>
                                <th class="font-normal text-basic td" width="8%">成交价</th>
                                <th class="font-normal text-basic td" width="20%">下单时间</th>
                                <th class="font-normal text-basic td" width="5%">操作</th>
                            </tr>
							<tr>
								<form class="form-horizontal p-t-lg" id="form-box">
                                <th class="font-normal text-basic td" >
									搜索
								</th>
                                <th class="font-normal text-basic td" >
									<input type="text" name="goodsName" class="form-control" value="" placeholder="输入商品名称">
								</th>
                                <th class="font-normal text-basic td">
								<div>
									<input type="text" id="detailsAmount_ge" name="detailsAmount_ge" class="form-control" value="" placeholder="最低金额" onkeyup="this.value=this.value.replace(/\D/g,'')" style="width:85px;display:inline-block">--
									<input type="text" id="detailsAmount_le" name="detailsAmount_le"  class="form-control" value="" placeholder="最高金额" onkeyup="this.value=this.value.replace(/\D/g,'')" style="width:85px;display:inline-block">
								</div>
								</th>
                                <th class="font-normal text-basic td">
								<div>
									<input type="text" id="num_ge" name="num_ge" class="form-control" value="" placeholder="最低销量" onkeyup="this.value=this.value.replace(/\D/g,'')" style="width:85px;display:inline-block">--
									<input type="text" id="num_le" name="num_le" class="form-control" value="" placeholder="最高销量" onkeyup="this.value=this.value.replace(/\D/g,'')" style="width:85px;display:inline-block">	
								</div>								
								</th>
                                <th class="font-normal text-basic td">
									----
								</th>
                                <th class="font-normal text-basic td">
								<div>
									<input type="text" id="createTime_ge" name="createTime_ge" class="datainp" value="" placeholder="开始日期" readonly>--
									<input type="text" id="createTime_le" name="createTime_le" class="datainp" value="" placeholder="结束日期" readonly>		
								</div>	
								</th>
								<th class="font-normal text-basic td">
									<input type="button" id="submit-btn" value="搜索" class="btn btn-primary" >
								</th>
                                
								</form>
                            </tr>
                        </thead>
                        <tbody class="text-666" id="table-list-content">

                        </tbody>
                        <script id="table-list-tpl" type="text/html">
                            {{each dataList as value i}}
                            <tr>
                                <td class="td"><span>{{i+1}}</span></td>
                                <td class="td"><span class="inline-block text-ellipsis text-basic" style="width:180px;">{{value.goodsName}}</span></td>
                                <td class="td"><span class="inline-block text-ellipsis text-basic">{{value.detailsAmount}}</span></td>
                                <td class="td"><span class="inline-block text-ellipsis text-basic">{{value.num}}</span></td>
                                <td class="td"><span class="inline-block text-ellipsis text-basic">{{value.unitPrice}}</span></td>
                                 <td class="td"><span class="inline-block text-ellipsis text-basic">{{value.createTime}}</span></td>
                                <td class="td"><a href="javascript:;" id="detail_{{value.priceId}}" class="detailClass" oid="{{value.priceId}}">详情</a></td>
                            </tr>
                            {{/each}}
                        </script>
                    </table>
                    <div id="cloading" class="hide">
                        <div id="loadmore"></div>
                    </div>
                </div>
                <div class="pages fr">
                    <ul id="pagination" class="pagination-container"></ul>
                    <div class="page-sum text-right text-999 text-basic">当前页面总数：<span class="text-333" id="page-sum">0</span></div>
                </div>
            </div>
        </div>
    </div>
    <!--include "../public/del_modal.html"-->
	<script type="text/javascript">    
	jeDate({
		dateCell:"#createTime_ge",
		format:"YYYY-MM-DD 00:00:00",
		isTime:false, 
		minDate:"2017-04-01 00:00:00",
		maxDate:"2099-11-8 00:00:00"
	})
	jeDate({
		dateCell:"#createTime_le",
		format:"YYYY-MM-DD 23:59:59",
		isTime:false, 
		minDate:"2017-04-01 00:00:00",
		maxDate:"2099-11-8 00:00:00"
	})
</script>
<script type="text/html" id="levelCategoryDataList">
    {{each dataList as value i}}
      <option  value="{{value.categoryId}}">{{value.categoryName}}</option>
    {{/each}}
</script>
</body>
</html>
